import Head from "next/head";
import HomeNav from "./home-nav";
import Footer from "./footer";

export default function Layout({
  children,
  title = "Hello lookelooke.com",
}) {
  return (
    <div className="container-fluid">
      <Head>
        <title>{title}</title>
      </Head>
      <div className="row justify-content-center pb-4">
        <HomeNav></HomeNav>
      </div>
      <main className="row justify-content-center">
        <div >{children}</div>
      </main>
      <Footer></Footer>
    </div>
  );
}
